<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery XypForm|jQuery 表单检测 -- by:一平@56.com(dreamxyp)</title>
<script src="jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script src="jquery.xypform.js" type="text/javascript"></script>
<style type="text/css" media="all">
@import "img/jquery.xypform.css";
body,div{font-size:12px; margin:10px;}
div{ border-bottom:dotted #CCCC00 1px; padding:5px;}
form{border:dotted 1px #666666; padding:10px;}
</style>
</head>

<body>
jQuery XypForm|jQuery 表单检测 
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1" onsubmit="return jQuery.xypform(this)">
    <div>
  <input type="text"  require="1" msg="This require" name="textfield" id="textfield" />  require
  </div>
   <div>
  <input type="text"  require="1" minlen="4" name="textfield" id="textfield" />  require and minlen 4
  </div>
   <div>
  <input type="text"  require="1" minlen="4" maxlen="20" name="textfield" id="textfield" />  require and minlen 4 and maxlen 20
  </div>
    <div>
    <input type="text"  require="1" dataType="nums" name="textfield2" id="textfield2" />  require  nums
  </div>
  
     <div>
    <input type="text"  require="1" dataType="nums" min="0.6" name="textfield2" id="textfield2" />  require  nums >0.6
  </div>
  
     <div>
    <input type="text"  require="1" dataType="nums" nin="0.6" max="1000" name="textfield2" id="textfield2" />  require  nums >0.6  <1000
  </div>
  
    <div>
    <input type="text" require="1" dataType="alpha" name="textfield3" id="textfield3" /> require alpha
  </div>
  
  
    <div>
    <input type="text" require="1" dataType="alphanum" name="textfield3" id="textfield3" /> require alphanum
    </div>
  
  
   <div>
    <input type="text" require="1" dataType="cnaznum" name="textfield3" id="textfield3" /> require cnaznum
    </div>
    
    <div>
    <input type="text" require="1" dataType="email" name="textfield3" id="textfield3" /> require email
  </div>
    
     <div>
    <input type="text" require="1" dataType="url" name="textfield3" id="textfield3" /> require url
    </div>
  
  <div>
    <input type="password" require="1"  name="password"  /> require pwd
    <br>
    <input type="password" require="1" again="password" name="password2"  /> require pwd again
  </div>
  <div>
  
    <input type="file" require="1"  fileType="gif|jpg" name="fileField" id="fileField" />
   
    require *.gif *.jpg    </div>
  <div>
 
    
    
    <div>
    <input type="radio" name="radioone" id="radio" value="radio" require="1"  />require
</div>
  <div>
    <input type="radio" name="radio" id="radio" value="radio" require="1"  />
    <input type="radio" name="radio" id="radio2" value="radio2" />
    <input type="radio" name="radio" id="radio3" value="radio3" />
    <input type="radio" name="radio" id="radio5" value="radio5" /> require
</div>
  
    <div>
    <input type="checkbox" name="checkboxone" id="checkbox"  require="1" />require
    </div>
  <div>
    <input type="checkbox" name="checkbox" id="checkbox"  require="1" />
   
    <input type="checkbox" name="checkbox" id="checkbox2" />
 
    <input type="checkbox" name="checkbox" id="checkbox3" />
 
    <input type="checkbox" name="checkbox" id="checkbox4" />
  
    <input type="checkbox" name="checkbox" id="checkbox5" />

    <input type="checkbox" name="checkbox" id="checkbox6" />

    <input type="checkbox" name="checkbox" id="checkbox7" /> require
  </div>
  
  
    <div>
    <input type="checkbox" name="checkbox8" id="checkbox8"  require="1"  nin="3" max="5"/>
 
    <input type="checkbox" name="checkbox8" id="checkbox9" />

    <input type="checkbox" name="checkbox8" id="checkbox10" />
  
    <input type="checkbox" name="checkbox8" id="checkbox11" />
 
    <input type="checkbox" name="checkbox8" id="checkbox12" />
  
    <input type="checkbox" name="checkbox8" id="checkbox13" />
  
    <input type="checkbox" name="checkbox8" id="checkbox14" /> require check >3 <5
    </div>

  

  
  <div>
    <textarea name="textarea"   require="1" id="textarea" cols="45" rows="5"></textarea>
  </div>
  
  
    <div>
    <select name="select"   require="1" id="select">
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>
    </select>
  </div>
  
      <div>
    <input type="text" require="1" dataType="twIdCard" name="textfield3" id="textfield3" /> require twIdCard
  </div>
    
    <div>
    <input type="text" require="1" dataType="cnIdCard" name="textfield3" id="textfield3" /> require cnIdCard
  </div>
  
    <input type="submit" name="button" id="button" value="提交" />
  
</form>
</body>
</html>
